<div class="fadeIn">
    <br>
    <ol class="breadcrumb" style="margin-bottom: 0px;">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage></li>
        <li class="active">运营分析工作台 / 超长短信分析 / 超长短信统计</li>
    </ol>
    <form class="form-inline" action="longSmsRep/out-excel" onkeydown="if(event.keyCode==13)return false;" method="post" id="form" name="myform">
    <div class=" marB15 clearfix">
            <div class="control-group row marT15 left marR10" style="margin-left: 0px">
                <span class="search-name">时间选择</span>
                <div class="controls">
                    <input type="text" ng-model="searchData.startDate"  placeholder="" name="startDate" style="display: none;">
                    <input type="text" ng-model="searchData.endDate"   placeholder="" name="endDate" style="display: none;">
                    <div class="input-prepend input-group">
                        <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span><input type="text" readonly style="width: 155px"  id="smsStatisticsDate" class="form-control"  />
                        <span class="input-group-addon" ng-click='clearTime()'>清空</span>
                    </div>
                </div>
            </div>
            <div class="left marT15 marR10">
                <span class="search-name">业务端</span>
                <select class="form-control1" ng-change='getSms()' ng-model="searchData.svrNode" name="svrNode">
                    <option value="">全部</option>
                    <option value={{row.SVR_NODE}} ng-repeat="row in listData1">{{row.SVR_NODE_NAME}}</option>
                </select>
            </div>
            <div class="left marT15 marR10">
                <span class="search-name">业务类型</span>
                <select class="form-control1" ng-model="searchData.serviceCode" name="serviceCode">
                    <option value="">全部</option>
                    <option value={{row.serviceCode}} ng-repeat="row in listData2">{{row.serviceName}}</option>
                </select>
            </div>
            <div class="left marR10 marT15">                
                    <span class="search-name">最后一条短信少于等于</span>
                    <input type="text" class="form-control" style="width:40px;" name="lastLength" 
                    ng-keyup='search($event)'
                    ng-model="searchData.lastLength">
                    <span class="search-name">字符</span>            
            </div>
            <a href="javascript:;" class=" btn btn-sm btn-primary left marT15" id="search" ng-click='search()'><span class="glyphicon glyphicon-search"></span></a>
            
            <div class="right marT15" style="position:relative">
                <button class="btn btn-primary btn-sm right" ng-click='outExcel()'><img style="width:25px; height:20px;" src="img/excel.png">导出表格<span ng-style='loadStyle' class="outExcelLoad"><img  src="img/load.gif"></span>
                </button>
            </div>
    
    </div>
    <div>
        <input type="text" ng-model="searchData.isSvrNode"  placeholder="" name="isSvrNode" style="display: none;">
        <input type="text" ng-model="searchData.isServiceCode"   placeholder="" name="isServiceCode" style="display: none;">
        
    </div>
    </form>
            <table class="table table-bordered table-striped text-center bg-info">
                <thead >
                <tr>
                    <td colspan="5" class="text-left">
                        <label class="marL15"><input ng-click="selectOption()" id="SmFrom" type="checkbox" name="" ng-checked='SmCheck' ng-model="isSvrNode"> 业务端</label>
                        <label class="marL15"><input ng-click="selectOption()" id="ServiceCode" type="checkbox" ng-checked='ServerCheck' ng-model="isServiceCode"> 业务类型</label>
                    </td>
                </tr>
                <tr class="info">
                    <th class="text-center">序号</th>
                    <th class="text-center">时间</th>
                    <th class="text-center" ng-if="isSvrNode ">业务端</th>
                    <th class="text-center" ng-if="isServiceCode">业务类型</th>
                    <th class="text-center">长短信条数</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="Item in result">
                    <td>{{ $index+1 }}</td>
                    <td>
                   <!--  <a href="#smsDetails"> -->
                    {{ Item.sendTimeDate }}
                   
                    </td>
                    <td ng-if="isSvrNode">{{ Item.svrNodeName }}</td>
                    <td ng-if="isServiceCode">{{ Item.serviceName }}</td>
                    <td><a ng-click="showLongContent(Item.svrNode,Item.serviceCode,Item.sendTimeDate)" >{{ Item.longSmsCount }}</a></td>
                </tr>
                </tbody>
            </table>

        </div>


<div class="modal fade" id="messageShow">  
  <div class="modal-dialog">  
    <div class="modal-content message_align">  
      <div class="modal-header">  
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
        <h4 class="modal-title">长短信详情</h4>  
      </div>  
      <div class="modal-body">  
         
      </div>  
      <div class="modal-footer">  
         <input type="hidden" id="url"/>  
         <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>  
         <a id="deleteSure" class="btn btn-primary" data-dismiss="modal" ng-click="deleteTr()">确定</a>  
      </div>  
    </div><!-- /.modal-content -->  
  </div><!-- /.modal-dialog -->  
</div><!-- /.modal -->  
<!-- 加载框 -->
  <span class='loaded' ng-show='loaded'><img  src="img/load.gif"></span>
<!-- 加载框 完成-->